<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="../../resources/cola-ui/semantic.css">
	<link rel="stylesheet" type="text/css" href="../../resources/cola-ui/cola.css">
	<script src="../../resources/jquery-2.1.3.js"></script>
	<script src="../../resources/cola-ui/3rd.js"></script>
	<script src="../../resources/cola-ui/semantic.js"></script>
	<script src="../../resources/cola-ui/cola.js"></script>
	<script src="../../resources/cola-ui/i18n/zh/cola.js"></script>

	<style>
	li span {
		display: inline-block;
		width: 2em;
	}
	</style>

	<script type="text/javascript">
		cola(function(model) {
			$.get("//open-data.cola-ui.com/service/company").done(function(companies) {
				model.set("companies", companies);
			});

		});
	</script>
</head>
<body style="padding:1em;">
	<ul>
		<li c-repeat="company in companies">
			<span c-bind="$index"></span>
			<a c-bind="company.name" c-href="company.url"></a>
		</li>
	</ul>
</body>
</html>